<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>登录</title>
<!-- Bootstrap -->
<link href="{SHUAFEN_STATICS_PATH}css/bootstrap.min.css"
	rel="stylesheet">
<link href="{SHUAFEN_STATICS_PATH}css/profile_style.css" rel="stylesheet">
<link href="{SHUAFEN_STATICS_PATH}css/response.css" rel="stylesheet">
<link href="{SHUAFEN_STATICS_PATH}css/bootstrapValidator.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="{SHUAFEN_STATICS_PATH}js/lib/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="{SHUAFEN_STATICS_PATH}js/lib/bootstrap.min.js"></script>
<script src="{SHUAFEN_STATICS_PATH}js/lib/bootstrapValidator.min.js"></script>
<script src="{SHUAFEN_STATICS_PATH}js/lib/style.js"></script>
<script type="text/javascript">
$(function (){
	 $('#fm').bootstrapValidator({
	       live: 'disabled',
	       message: '输入有误',
	       feedbackIcons: {
	           valid: 'glyphicon glyphicon-ok',
	           invalid: 'glyphicon glyphicon-remove',
	           validating: 'glyphicon glyphicon-refresh'
	       },
	       fields : {
	    	   "username" : {
	    		   validators : {
	    			   notEmpty : {
	    				   message : '<span style="font-size:1.2em;">电话号码不能为空！</span>'
	    			   },
	    			   regexp:{
	    			   		regexp:/\d{11}/,
	    			   		message:'<span style="font-size:1.2em;">请输入正确的电话号码！</span>'
	    			   }
	    		   }
	    	   },
	           "password": {
	               validators: {
	                   notEmpty: {
	                       message: '<span style="font-size:1.2em;">密码不能为空！</span>'
	                   }
	               }
	           }
	       }
	});
});
	function findPwd(){
            $('#myModal').modal();
            return false;
	}
</script>
</head>
<body>
	<form id="fm" method="post" action="index.php?m=shuafen&c=web&a=login">
		<div class="form-group">
			<input type="number" class="form-control input-lg" id="telephone" name="username" placeholder="输入电话号码">
		</div>
		<div class="form-group">
			<input type="password" class="form-control input-lg" id="password" name="password" placeholder="输入密码">
		</div>
		<span style="color:red;font-size:1.2em;"><?php echo $message ?></span>
		<input type="submit" name="dosubmit" class="btn btn-danger btn-lg btn-block" value="立即登录" />
		<br />
		<a class="btn btn-primary btn-lg btn-block" href="index.php?m=shuafen&c=web&a=register">还没有账号-->注册</a>
		<br />
		<!--<a class="btn btn-warning btn-lg btn-block" href="javascript:findPwd();">找回密码</a>-->
		<a class="btn btn-warning btn-lg btn-block" href="index.php?m=shuafen&c=web&a=findpwd">找回密码</a>
	</form>
	<div class="heights">&nbsp;</div>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" 
               data-dismiss="modal" aria-hidden="true">
                  &times;
            </button>
            <h4 class="modal-title" id="myModalLabel">
               	提醒
            </h4>
         </div>
         <div class="modal-body" id="modelText">
         	请用您丢失密码的手机拨打<br>客服热线: <span class="text-danger">12312312312</span> 
         	<br>
         	&nbsp;
         	<br>
         	或关注公众号“123123”回复<br>
         	"找回###密码,账号123123123"
         </div>
         <div class="modal-footer">
            <button type="button" class="btn btn-default" 
               data-dismiss="modal">关闭
            </button>
         </div>
      </div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
</body>
</html>